$(function () {
    // 1-对登陆表单进行验证
    // 1- 数据不能为空
    // 2- 用户名长度2-6位
    // 3- 密码长度6-12位 
    $('#form').bootstrapValidator({

        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-heart',
            invalid: 'glyphicon glyphicon-cloud',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3-对表单验证配置
        //设置被验证字段, 表单验证插件是通过表单name属性进行验证的
        fields: {
            //用户名
            username: {
                //验证规则
                validators: {
                    //非空验证
                    notEmpty: {
                        //提示信息
                        message: '用户名不能为空'
                    },
                    //长度验证
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名长度是2-6位'
                    },
                    // 拓展一个验证信息
                    callback: {
                        message: '用户名不存在'
                    }
                }
            },
            //密码
            password: {
                //验证规则
                validators: {
                    //非空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度限制
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码长度是6-12位'
                    },
                    //拓展验证规则
                    callback: {
                        message: '密码错误'
                    } 
                }
            }
        }
    })

    //2-重置 表单值 及 验证样式
    $('.btn-reset').on('click', function () {
        //获取表单验证 实例 ， 调用表单验证样式重置方法 
        $('#form').data('bootstrapValidator').resetForm(); 
    });

    // 3- 在表单数据验证通过的情况下， 获取表单数据，通过ajax提交给后台，进行登陆验证
    //    登陆成功 去首页， 登陆失败 提示错误信息 
    // $('#submit').on('click', function () {
    //     //判断 是否验证成功 
    // })
    //bootstrapValidator插件 提供了一个 success.form.bv  , 这个事件会在点击提交按钮，并且验证成功的情况下 触发；
    $('#form').on('success.form.bv', function (e) {
        //阻止浏览器的默认行为 , 阻止提交按钮默认提交表单
        e.preventDefault();
        // console.log('验证成功');
        // 把数据通过ajax发生给后台
        $.ajax({
            url: '/employee/employeeLogin',
            type: 'post',
            data: $('#form').serialize(), // name=zs&age=18
            dataType: 'json',
            success: function (info) {
                console.log(info);    
                if (info.success) {
                    console.log('登陆成功');
                    //跳转到首页
                    location.href = './index.html';
                } else if (info.error === 1000) {
                    console.log('用户名错误！');
                    //把用户名验证状态改成 验证失败， 提示错误信息
                    $('#form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
                } else {
                    console.log('密码错误');
                    // 把密码的验证状态 改成 验证失败的， 提示错误信息；
                    $('#form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
                }
            }
        })
    });

});